<template>
  <div>
    <div class="mainContainer" id="businessType">
      <div class="user_info">
        <img src="../../images/car_pic.png"/>
        <span class="font14 color4e4">用户名称{{a}}</span>
        <p class="font12 color9a9">注册登记日：2016.06.06</p>
      </div>
      <ul class="start_stop_time">
        <li>
          <span class="font14 color4e4">本次订单开始：</span>
          <span class="font12 color9a9 date">11:30</span>
          <span class="font12 color9a9 time_1">2017.06.29</span>
        </li>
        <li>
          <span class="font14 color4e4">预计结束时间：</span>
          <span class="font12 color9a9 date">11:30</span>
          <span class="font12 color9a9 time_1">2017.06.29</span>
        </li>
      </ul>
      <div class="time_price">
        <div class="time">
          <span class="font12 color796">本次业务总金额</span>
          <p class="font20 color3b3">￥1000元</p>
        </div>
        <div class="price">
          <span class="font12 color796">当前已完成业务金额</span>
          <p class="font20 color3b3">￥200元</p>
        </div>
        <div class="settlement">
          <span class="font14 colorfff">进行结算</span>
        </div>
        <div class="tip">
          <span class="font10 colora29">需要确认任务才可以进行结算哦</span>
        </div>
      </div>
      <ul class="order_introduce font14 color4e4">
        <li class="current">正在进行中</li>
        <li>问题业务</li>
        <li class="transfer">
          已经结束
          <!--当正在进行中的业务有结束的时候这个图片才会显示-->
          <img src="../../images/circle_6.png"/>
        </li>
      </ul>
      <div class="orders" style="display: block">
        <ul class="processing">
          <!--待确认状态样式-->
          <li class="wait_confirm">
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 coloreeb c3">待确认</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 coloreeb l2">用时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">结束时间：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <!--进行中状态样式-->
          <li class="doing">
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 color4ec c3">进行中</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 color4ec l2">余时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">预计结束：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <li class="doing">
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 color4ec c3">进行中</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 color4ec l2">余时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">预计结束：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
        </ul>
      </div>
      <div class="orders">
        <ul class="problem">
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 colore22 c3">出现问题</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 colore22 l2">暂停计时</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">预计结束：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 colore22 c3">出现问题</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 colore22 l2">暂停计时</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">预计结束：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 colore22 c3">出现问题</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 colore22 l2">暂停计时</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">预计结束：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
        </ul>
      </div>
      <div class="orders">
        <ul class="end">
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 color796 c3">已结束</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 color796 l2">用时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">结束时间：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 color796 c3">已结束</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 color796 l2">用时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">结束时间：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
          <li>
            <img src="../../images/car_pic.png"/>
            <div class="car_color">
              <span class="font14 color4e4 c1">黑色</span>
              <span class="font14 color4e4 c2">兰博基尼</span>
              <span class="font12 color796 c3">已结束</span>
            </div>
            <div class="car_license">
              <span class="font12 color9a9 l1">京N·B88888</span>
              <span class="font12 color796 l2">用时：04:00:00</span>
            </div>
            <div class="car_engine">
              <span class="font12 color9a9">发动机号：BX32SDD</span>
              <span class="font12 color9a9">车架号：110862</span>
            </div>
            <div class="start_time">
              <span class="font12 color796 a1">开始时间：</span>
              <span class="font12 color796 a2">20:20</span>
              <span class="font12 color796 a3">2017.02.07</span>
            </div>
            <div class="stop_time">
              <span class="font12 color796 p1">结束时间：</span>
              <span class="font12 color796 p2">21:20</span>
              <span class="font12 color796 p3">2017.02.07</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="bottom_list font10">
      <router-link :to="{name:'home'}" class="home colora29">首页</router-link>
      <router-link :to="{name:'yonghu_banli_shouye'}" class="process colorff6">正在办理</router-link>
      <router-link :to="{name:'yonghuwode'}" class="mine colora29">我的</router-link>
    </div>
  </div>
</template>
<script>
  import $ from '../../../static/lib/jquery-3.1.1.min'
  import underscore from '../../../static/lib/underscore'
  import iscroll from '../../../static/lib/iscroll'
  import global from '../../../static/lib/global'
  import yonghu_wode from '../../../static/js/yonghu/banli/yonghu_banli_shouye'
  export default {
    name: 'yonghu_banli_shouye',
    data: function () {
      return {
        a: 3
      }
    },
    component: {}
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  @import "/static/css/common.css";
  @import "/static/css/yonghu/banli/yonghu_banli_shouye.css";
</style>



